@charset "utf-8";
/* CSS Document */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, select{margin: 0;padding: 0;border: 0;}
table{ border-collapse:collapse;}
body{ font-family:"微软雅黑"; font-size:1.2em; background:#F0EFF4;}
img,a{border:0; text-decoration:none;}
ol, ul {list-style: none; }
.clears{ clear:both;}
a{color:#333;
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	transition: all .3s ease-out;}
a:hover{color:#f60;
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	transition: all .3s ease-out;}
img{
	max-width:100%;
	}

.box{
	width:1024px;
	margin:auto;
}
.headmeun ul li{
	display:inline;
	font-size:12px;
	line-height:24px;
	padding:2px;
}
.headmeun .line{
	border-left:1px #cfcfcf solid;
}
.status-grid {
    background: #FFF;
    position: relative;
    min-height: 307px;
	width:100%;
	
}
.status-grid-head {
    background: url(../images/status-head-pic.png) no-repeat 0px 0px;
    background-size: 100% 100%;
    display: block;
    height: 127px;
    width: 100%;
    position: relative;
}

.status-people-pic {
    position: absolute;
    top: 23%;
    left: 44%;
}
.stat-people {
    background: #FAFAFA;
    padding: 7px;
    border-radius: 30em;
    -webkit-border-radius: 30em;
    -moz-border-radius: 30em;
    -o-border-radius: 30em;
    position: relative;
    display: block;
}
.people-avilabel {
    background: #fff;
    border-radius: 30em;
    -webkit-border-radius: 30em;
    -moz-border-radius: 30em;
    -o-border-radius: 30em;
    padding: 4px;
    position: absolute;
    top: 43%;
    right: 17%;
}
.status-people-pic h2 {
    color: #565656;
    font-weight: 600;
    font-size: 1.2em;
    margin: 0.5em 0 0;
}
.status-people-pic h2, .status-people-pic span {
    text-align: center;
}
.status-people-pic span {
    color: #BEBEBE;
    font-size: 0.875em;
}
.status-corrent {
    position: absolute;
    bottom: 0;
    width: 100%;
}
.status-corrent ul li {
    display: inline-block;
    float: left;
    width: 33.33%;
    text-align: center;
}
.status-corrent ul li a {
    display: block;
    color: #FFF;
    font-size: 0.82em;
    padding: 1em;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
}
.appont {
    background: #B63C6B;
}
.client {
    background: #F13D6D;
}
.report {
    background: #FE7BA3;
}	
	
	
.Safety{
	width:100%;
}
.Safety dl{
	
	}
.Safety input{
	border:0;
	}
.Safety dt {
	font-size:14px;
	padding:7px 0;
	border-bottom:#ddd 1px dotted;
	height:44px;
    line-height:30px;
	}
.Safety dt strong{
	display:inline-block;
	padding:0 20px;
	height:30px;
	}
.Safety dt span{
	display:inline-block;
	height:30px;
	padding:0 10px;
	font-weight:400;
	font-size:12px;
	color:#999;
	width:365px;
	}
.Safety b{
	display:inline-block;
	width:105px;
	padding:0 10px;
	background:#E1F3FD;
	font-size:14px;
	font-weight:400;
	}
.Safety dt b span{
	display:inline-block;
	width:20px;
	height:20px;
	line-height:20px;
	background:#94CE25;
	text-align:center;
	font-size:12px;
	color:#fff;
	padding:0;
	border-radius: 10px; /* 所有角都使用半径为5px的圆角，此属性为CSS3标准属性 */ 
    -moz-border-radius: 10px; /* Mozilla浏览器的私有属性 */ 
    -webkit-border-radius: 10px; /* Webkit浏览器的私有属性 */ 
	margin-right:5px;
	}
.Safety dt b span.glyphicon-exclamation-sign{
	background:#FFB027;
	}
.Safety dt em{
	float:right;
	width:150px;
	text-align:right;
	height:30px;
	line-height:30px;
	font-style:normal;
	color:#06F;
	cursor:pointer;
	padding:0 30px;
	}
.Safety dd{
	padding:15px 0;
	background:#F3F6FA;
	display:none;
	}
.safForm{
	background:#F3F6FA;
	}
.safForm td{
	padding:5px;
	}
.safinput1{
	border:#D8D8D8 1px solid;
	background:#fff;
	height:26px;
	width:210px;
	border-radius: 2px; /* 所有角都使用半径为5px的圆角，此属性为CSS3标准属性 */ 
    -moz-border-radius: 2px; /* Mozilla浏览器的私有属性 */ 
    -webkit-border-radius: 2px; /* Webkit浏览器的私有属性 */ 
	}
.safSub{
	width:130px;
	padding:5px 10px;
	background:#f60;
	color:#fff;
	font-size:16px;
	text-align:center;
	border-radius: 5px; /* 所有角都使用半径为5px的圆角，此属性为CSS3标准属性 */ 
    -moz-border-radius: 5px; /* Mozilla浏览器的私有属性 */ 
    -webkit-border-radius: 5px; /* Webkit浏览器的私有属性 */
	cursor:pointer;
	}
.safSub:hover{
	background:#900;
	color:#fff;
	}
.safinput2{
	border:#D8D8D8 1px solid;
	background:#fff;
	height:26px;
	width:150px;
	border-radius: 2px; /* 所有角都使用半径为5px的圆角，此属性为CSS3标准属性 */ 
    -moz-border-radius: 2px; /* Mozilla浏览器的私有属性 */ 
    -webkit-border-radius: 2px; /* Webkit浏览器的私有属性 */
	}
/*安全设置 手机号码样式*/
.Step{
	width:70%;
	margin:10px auto;
	margin-bottom:30px;
	}
.Step li{
	float:left;
	width:33%;
	height:4px;
	background:#ccc;
	text-align:center;
	}
.Step li span{
	display:inline-block;
	width:24px;
	height:24px;
	font-size:12px;
	text-align:center;
	line-height:24px;
	border-radius: 12px; /* 所有角都使用半径为5px的圆角，此属性为CSS3标准属性 */ 
    -moz-border-radius: 12px; /* Mozilla浏览器的私有属性 */ 
    -webkit-border-radius: 12px; /* Webkit浏览器的私有属性 */
	background:#ccc;
	position:relative;
	bottom:10px;
	color:#fff;
	}
.Step li.stepCur,.Step li.stepCur span{
	background:#f60;
	}
	
.sjyz-two{
	display:none;
	}
.sjyz-ok{
	text-align:center;
	font-size:20px;
	display:none;
	}
.sjyz-ok span{
	display:inline-block;
	width:40px;
	line-height:40px;
	color:#fff;
	background:#94CE25;
	text-align:center;
	line-height:40px;
	border-radius: 20px; /* 所有角都使用半径为5px的圆角，此属性为CSS3标准属性 */ 
    -moz-border-radius: 20px; /* Mozilla浏览器的私有属性 */ 
    -webkit-border-radius: 20px; /* Webkit浏览器的私有属性 */
	}



/*此样式在窗口小于768px的时候生效*/
@media screen and (max-width: 768px) {/*768*1024*/
.flrLeft dl{
	width:270px;
	margin:0 auto;
	}	
.flrLeft dt,.flrLeft dd{
	text-align:left;
	float:none;
	}	
.addYinhang{
	width:300px;
	margin:-144px 0 0 -151px;
	}	
.Safety dt em{
	padding:0 5px;
	width:60px;
	}
.Safety dd{
	font-size:12px;
	}
}
/*此样式在窗口小于768px的时候生效*/
@media screen and (max-width: 640px) {/*768*1024*/

.Safety dt span{
	display:none;
	}
.Safety dt em{
	padding:0 5px;
	width:60px;
	}
.Safety dd{
	font-size:12px;
	}	
}

.uploader{
position:relative;
display:inline-block;
overflow:hidden;
cursor:default;
padding:0;
margin:10px 0px;
-moz-box-shadow:0px 0px 5px #ddd;
-webkit-box-shadow:0px 0px 5px #ddd;
box-shadow:0px 0px 5px #ddd;

-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
}

.filename{
float:left;
display:inline-block;
outline:0 none;
height:32px;
width:180px;
margin:0;
padding:8px 10px;
overflow:hidden;
cursor:default;
border:1px solid;
border-right:0;
font:9pt/100% Arial, Helvetica, sans-serif; color:#777;
text-shadow:1px 1px 0px #fff;
text-overflow:ellipsis;
white-space:nowrap;

-moz-border-radius:5px 0px 0px 5px;
-webkit-border-radius:5px 0px 0px 5px;
border-radius:5px 0px 0px 5px;

background:#f5f5f5;
background:-moz-linear-gradient(top, #fafafa 0%, #eee 100%);
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafafa), color-stop(100%,#f5f5f5));
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#f5f5f5',GradientType=0);
border-color:#ccc;

-moz-box-shadow:0px 0px 1px #fff inset;
-webkit-box-shadow:0px 0px 1px #fff inset;
box-shadow:0px 0px 1px #fff inset;

-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}

.button{
float:left;
height:32px;
display:inline-block;
outline:0 none;
padding:8px 12px;
margin:0;
cursor:pointer;
border:1px solid;
font:bold 9pt/100% Arial, Helvetica, sans-serif;

-moz-border-radius:0px 5px 5px 0px;
-webkit-border-radius:0px 5px 5px 0px;
border-radius:0px 5px 5px 0px;

-moz-box-shadow:0px 0px 1px #fff inset;
-webkit-box-shadow:0px 0px 1px #fff inset;
box-shadow:0px 0px 1px #fff inset;
}


.uploader input[type=file]{
position:absolute;
top:0; right:0; bottom:0;
border:0;
padding:0; margin:0;
height:30px;
cursor:pointer;
filter:alpha(opacity=0);
-moz-opacity:0;
-khtml-opacity: 0;
opacity:0;
}

input[type=button]::-moz-focus-inner{padding:0; border:0 none; -moz-box-sizing:content-box;}
input[type=button]::-webkit-focus-inner{padding:0; border:0 none; -webkit-box-sizing:content-box;}
input[type=text]::-moz-focus-inner{padding:0; border:0 none; -moz-box-sizing:content-box;}
input[type=text]::-webkit-focus-inner{padding:0; border:0 none; -webkit-box-sizing:content-box;}


.red .button{
color:#fff;
text-shadow:1px 1px 0px #7e0238;
background:#90013f;
background:-moz-linear-gradient(top, #b42364 0%, #90013f 100%);
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#b42364), color-stop(100%,#90013f));
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b42364', endColorstr='#90013f',GradientType=0);
border-color:#7e0238;
}

.red:hover .button{
background:#b42364;
background:-moz-linear-gradient(top, #90013f 0%, #b42364 100%);
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#90013f), color-stop(100%,#b42364));
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#90013f', endColorstr='#b42364',GradientType=0);
}


/* Form */
.Form{margin:20px auto;width:600px;}
.Form textarea{
	display:inline-block;padding:6px 12px;font-size:18px;font-weight:300;line-height:1.4;color:#221919;background:#fff;border:1px solid #a4a2a2;resize:none;
	
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	
	box-shadow:inset 0 1px rgba(34,25,25,.15),0 1px rgba(255,255,255,.8);
	-moz-box-shadow:inset 0 1px rgba(34,25,25,.15),0 1px rgba(255,255,255,.8);
	-webkit-box-shadow:inset 0 1px rgba(34,25,25,.15),0 1px rgba(255,255,255,.8);
	
	-webkit-transition:all .08s ease-in-out;
	-moz-transition:all .08s ease-in-out;
}
.Form textarea{min-height:90px;}
.Form textarea:focus{
	border-color:#006499;
	box-shadow:0 1px rgba(34, 25, 25, 0.15) inset, 0 1px rgba(255, 255, 255, 0.8), 0 0 14px rgba(82, 162, 235, 0.35);
	-moz-box-shadow:0 1px rgba(34, 25, 25, 0.15) inset, 0 1px rgba(255, 255, 255, 0.8), 0 0 14px rgba(82, 162, 235, 0.35);
	-webkit-box-shadow:0 1px rgba(34, 25, 25, 0.15) inset, 0 1px rgba(255, 255, 255, 0.8), 0 0 14px rgba(82, 162, 235, 0.35);
}
/* Button base */
.Button{
	position:relative;
	display:inline-block;
	padding:.45em .825em .45em;
	text-align:center;
	line-height:1em; 
	border:1px solid transparent;
	cursor:pointer; 
	 
	border-radius:.3em; 
	-moz-border-radius:.3em; 
	-webkit-border-radius:.3em; 
	
	-moz-transition-property:color, -moz-box-shadow, text-shadow; 
	-moz-transition-duration:.05s; 
	-moz-transition-timing-function:ease-in-out; 
	-webkit-transition-property:color, -webkit-box-shadow, text-shadow; 
	-webkit-transition-duration:.05s; 
	-webkit-transition-timing-function:ease-in-out; 
	
	box-shadow:0 1px rgba(255,255,255,0.8), inset 0 1px rgba(255,255,255,0.35); 
	-moz-box-shadow:0 1px rgba(255,255,255,0.8), inset 0 1px rgba(255,255,255,0.35); 
	-webkit-box-shadow:0 1px rgba(255,255,255,0.8), inset 0 1px rgba(255,255,255,0.35);
}

.Button:hover {text-decoration:none;}
.Button strong {position:relative; z-index:2;}

.Button{
	display:block;border:1px solid;opacity:1;
	
	border-radius:.3em;
	-moz-border-radius:.3em;
	-webkit-border-radius:.3em;
	
	box-shadow:inset 0 1px rgba(255,255,255,0.35);
	-moz-box-shadow:inset 0 1px rgba(255,255,255,0.35);
	-webkit-box-shadow:inset 0 1px rgba(255,255,255,0.35);
	
	-moz-transition-property:opacity;
	-moz-transition-duration:0.5s;
	-moz-transition-timing-function:ease-in-out;
	-webkit-transition-property:opacity;
	-webkit-transition-duration:0.5s;
	-webkit-transition-timing-function:ease-in-out;
}

.Button:hover span{
	-moz-transition-property:opacity;
	-moz-transition-duration:0.05s;
	-moz-transition-timing-function:linear;
	-webkit-transition-property:opacity;
	-webkit-transition-duration:0.05s;
	-webkit-transition-timing-function:linear;
}
.Button:active span{
	-moz-transition:none;
	-webkit-transition:none;
}

/* blue Button */
.blueButton{color:#fcf9f9; text-shadow:0 -1px rgba(34,25,25,0.5);}
.blueButton:hover {color:#fff; text-shadow:0 -1px rgba(34,25,25,0.3);}
.blueButton:active {color:#f2f0f0; text-shadow:0 -1px rgba(34,25,25,0.6);}

.blueButton{
	border-color:#015E91;
	background-color:#3693D5;
	background:-moz-linear-gradient(center top , #54B1EB, #47A0E0 50%, #419FE1 50%, #3683D5);
	background:-o-linear-gradient(top left, #54B1EB, #47A0E0 50%, #419FE1 50%, #3683D5);
	background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#54B1EB), to(#47A0E0), color-stop(.5,#419FE1),color-stop(.5,#3683D5));
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#54B1EB', endColorstr='#3683D5');
}

.blueButton:hover{
	border-color:#0366AD;
	background-color:#3EA1D6;
	background:-moz-linear-gradient(center top, #5EB4EA, #61A1EE 50%, #59A5EB 50%, #3691E6);
	background:-o-linear-gradient(top left, #5EB4EA, #61A1EE 50%, #59A5EB 50%, #3691E6);
	background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#5EB4EA), to(#61A1EE), color-stop(.5,#59A5EB),color-stop(.5,#3691E6));
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5EB4EA', endColorstr='#3691E6');
}

.blueButton:active{
	border-color:#013B6A;
	background-color:#3089C8;
	background:-moz-linear-gradient(center top, #4B9CDD, #4189D5 50%, #3D8BD3 50%, #3093C8);
	background:-o-linear-gradient(top left, #4B9CDD, #4189D5 50%, #3D8BD3 50%, #3093C8);
	background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#4B9CDD), to(#4189D5), color-stop(.5,#3D8BD3),color-stop(.5,#3093C8));
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#4B9CDD', endColorstr='#3093C8');
}

.blueButton.Button18:hover{
	box-shadow:0 1px rgba(255, 255, 255, 0.8), 0 1px rgba(255, 255, 255, 0.35) inset, 0 0 10px rgba(82, 162, 235, 0.25);
	-moz-box-shadow:0 1px rgba(255, 255, 255, 0.8), 0 1px rgba(255, 255, 255, 0.35) inset, 0 0 10px rgba(82, 162, 235, 0.25);
	-webkit-box-shadow:0 1px rgba(255, 255, 255, 0.8), 0 1px rgba(255, 255, 255, 0.35) inset, 0 0 10px rgba(82, 162, 235, 0.25);
}
.blueButton.Button18:active{
	box-shadow:0 1px 2px rgba(34, 25, 25, 0.25) inset, 0 0 3px rgba(82, 202, 235, 0.35);
	-moz-box-shadow:0 1px 2px rgba(34, 25, 25, 0.25) inset, 0 0 3px rgba(82, 202, 235, 0.35);
	-webkit-box-shadow:0 1px 2px rgba(34, 25, 25, 0.25) inset, 0 0 3px rgba(82, 202, 235, 0.35);	
}
/* wordage */
.wordage{text-align:right;font-size:14px;color:#5e5e5e;margin:0 0 0 20px;}